<!DOCTYPE html>
<!--[if IE 7]><html class="ie ie7 no-js" lang="en-US"><!
[endif]--><!--[if IE 8]><html class="ie ie8 no-js" lang="en-US"><!
[endif]--><!--[if !(IE 7) | !(IE 8)]><!-->
<html lang="en" class="no-js">
  <head>
    <!-- Basic need -->
    <title>电影可视化推荐系统</title>
    <meta charset="UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <link rel="profile" href="" />
    <!--Google Font-->
    <link rel="stylesheet" href="assets/css/css.css" />
    <!-- Mobile specific meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="format-detection" content="telephone-no" />
    <!-- CSS files -->
    <link rel="stylesheet" href="assets/css/plugins.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>
    <!--preloading-->
    <div id="preloader">
      <img
        class="logo"
        src="assets/picture/logo1.png"
        alt=""
        width="119"
        height="58"
      />
      <div id="status"><span></span><span></span></div>
    </div>
    <!--end of preloading--><!--login form popup-->
    <div class="login-wrapper" id="login-content">
      <div class="login-content">
        <a href="#" class="close">x</a>
        <h3>Login</h3>
        <form method="post" action="login.php">
          <div class="row">
            <label for="username"
              >Username:<input
                type="text"
                name="username"
                id="username"
                placeholder="Hugh Jackman"
                pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="password">
              Password:<input
                type="password"
                name="password"
                id="password"
                placeholder="******"
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <div class="remember">
              <div>
                <input
                  type="checkbox"
                  name="remember"
                  value="Remember me"
                /><span>Remember me</span>
              </div>
              <a href="#">Forget password ?</a>
            </div>
          </div>
          <div class="row"><button type="submit">Login</button></div>
        </form>
        <div class="row">
          <p>Or via social</p>
          <div class="social-btn-2">
            <a class="fb" href="#"
              ><i class="ion-social-facebook"></i>Facebook</a
            ><a class="tw" href="#"
              ><i class="ion-social-twitter"></i>twitter</a
            >
          </div>
        </div>
      </div>
    </div>
    <!--end of login form popup--><!--signup form popup-->
    <div class="login-wrapper" id="signup-content">
      <div class="login-content">
        <a href="#" class="close">x</a>
        <h3>sign up</h3>
        <form method="post" action="signup.php">
          <div class="row">
            <label for="username-2"
              >Username:<input
                type="text"
                name="username"
                id="username-2"
                placeholder="Hugh Jackman"
                pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="email-2">
              your email:<input
                type="password"
                name="email"
                id="email-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="password-2">
              Password:<input
                type="password"
                name="password"
                id="password-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="repassword-2">
              re-type Password:<input
                type="password"
                name="password"
                id="repassword-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row"><button type="submit">sign up</button></div>
        </form>
      </div>
    </div>
    <!--end of signup form popup--><!-- BEGIN | Header -->
    <header class="ht-header">
      <div class="container">
        <nav class="navbar navbar-default navbar-custom">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header logo">
            <div
              class="navbar-toggle"
              data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1"
            >
              <span class="sr-only">Toggle navigation</span>
              <div id="nav-icon1"><span></span><span></span><span></span></div>
            </div>
            <a href=""
              ><img
                class="logo"
                src="assets/picture/logo1.png"
                alt=""
                width="119"
                height="58"
            /></a>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div
            class="collapse navbar-collapse flex-parent"
            id="bs-example-navbar-collapse-1"
          >
            <ul class="nav navbar-nav flex-child-menu menu-left">
              <li class="hidden"><a href="#page-top"></a></li>
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  >Home <i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li><a href="">Home 01</a></li>
                  <li><a href="javascript:;">Home 02</a></li>
                  <li><a href="javascript:;">Home 03</a></li>
                </ul>
              </li>
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  data-hover="dropdown"
                >
                  movies<i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                      >Movie grid<i class="ion-ios-arrow-forward"></i
                    ></a>
                    <ul class="dropdown-menu level2">
                      <li><a href="javascript:;">Movie grid</a></li>
                      <li><a href="javascript:;">movie grid full width</a></li>
                    </ul>
                  </li>
                  <li><a href="javascript:;">Movie list</a></li>
                  <li><a href="javascript:;">Movie single</a></li>
                  <li class="it-last">
                    <a href="javascript:;">Series single</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  data-hover="dropdown"
                >
                  celebrities <i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li><a href="javascript:;">celebrity grid 01</a></li>
                  <li><a href="javascript:;">celebrity grid 02 </a></li>
                  <li><a href="javascript:;">celebrity list</a></li>
                  <li class="it-last">
                    <a href="javascript:;">celebrity single</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  data-hover="dropdown"
                >
                  news <i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li><a href="javascript:;">blog List</a></li>
                  <li><a href="javascript:;">blog Grid</a></li>
                  <li class="it-last">
                    <a href="javascript:;">blog Detail</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  data-hover="dropdown"
                >
                  community <i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li><a href="javascript:;">user favorite grid</a></li>
                  <li><a href="javascript:;">user favorite list</a></li>
                  <li><a href="javascript:;">user profile</a></li>
                  <li class="it-last"><a href="javascript:;">user rate</a></li>
                </ul>
              </li>
            </ul>
            <ul class="nav navbar-nav flex-child-menu menu-right">
              <li class="dropdown first">
                <a
                  class="btn btn-default dropdown-toggle lv1"
                  data-toggle="dropdown"
                  data-hover="dropdown"
                >
                  pages <i class="fa fa-angle-down" aria-hidden="true"></i
                ></a>
                <ul class="dropdown-menu level1">
                  <li><a href="landing.html">Landing</a></li>
                  <li><a href="404.html">404 Page</a></li>
                  <li class="it-last">
                    <a href="comingsoon.html">Coming soon</a>
                  </li>
                </ul>
              </li>
              <li><a href="#">Help</a></li>
              <li class="loginLink"><a href="#">LOG In</a></li>
              <li class="btn signupLink"><a href="#">sign up</a></li>
            </ul>
          </div>
          <!-- /.navbar-collapse -->
        </nav>
        <!-- top search form -->
        <div class="top-search">
          <select>
            <option value="united">TV show</option>
            <option value="saab">Others</option></select
          ><input
            type="text"
            placeholder="Search for a movie, TV Show or celebrity that you are looking for"
          />
        </div>
      </div>
    </header>
    <!-- END | Header -->
    <div class="slider movie-items">
      <div class="container">
        <div class="row">
          <div class="social-link">
            <p>Follow us:</p>
            <a href="#"><i class="ion-social-facebook"></i></a
            ><a href="#"><i class="ion-social-twitter"></i></a
            ><a href="#"><i class="ion-social-googleplus"></i></a
            ><a href="#"><i class="ion-social-youtube"></i></a>
          </div>
          <div class="slick-multiItemSlider">
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider1.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="blue"><a href="#">Sci-fi</a></span>
                </div>
                <h6><a href="#">Interstellar</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider2.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="yell"><a href="#">action</a></span>
                </div>
                <h6><a href="#">The revenant</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider3.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="green"><a href="#">comedy</a></span>
                </div>
                <h6><a href="#">Die hard</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider4.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="blue"><a href="#">Sci-fi</a></span
                  ><span class="orange"><a href="#">advanture</a></span>
                </div>
                <h6><a href="#">The walk</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider1.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="blue"><a href="#">Sci-fi</a></span>
                </div>
                <h6><a href="#">Interstellar</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <a href="#"
                  ><img
                    src="assets/picture/slider2.jpg"
                    alt=""
                    width="285"
                    height="437"
                /></a>
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="yell"><a href="#">action</a></span>
                </div>
                <h6><a href="#">The revenant</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <img
                  src="assets/picture/slider3.jpg"
                  alt=""
                  width="285"
                  height="437"
                />
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="green"><a href="#">comedy</a></span>
                </div>
                <h6><a href="#">Die hard</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <img
                  src="assets/picture/slider4.jpg"
                  alt=""
                  width="285"
                  height="437"
                />
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="blue"><a href="#">Sci-fi</a></span
                  ><span class="orange"><a href="#">advanture</a></span>
                </div>
                <h6><a href="#">The walk</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
            <div class="movie-item">
              <div class="mv-img">
                <img
                  src="assets/picture/slider3.jpg"
                  alt=""
                  width="285"
                  height="437"
                />
              </div>
              <div class="title-in">
                <div class="cate">
                  <span class="green"><a href="#">comedy</a></span>
                </div>
                <h6><a href="#">Die hard</a></h6>
                <p><i class="ion-android-star"></i><span>7.4</span>/10</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="buster-light">
      <div class="movie-items">
        <div class="container">
          <div class="row ipad-width">
            <div class="col-md-8">
              <div class="title-hd">
                <h2>in theater</h2>
                <a href="#" class="viewall"
                  >View all <i class="ion-ios-arrow-right"></i
                ></a>
              </div>
              <div class="tabs">
                <ul class="tab-links">
                  <li class="active"><a href="#tab1">#Popular</a></li>
                  <li><a href="#tab2">#Coming soon</a></li>
                  <li><a href="#tab3"> #Top rated </a></li>
                  <li><a href="#tab4">#Most reviewed</a></li>
                </ul>
                <div class="tab-content">
                  <div id="tab1" class="tab active">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item1.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item2.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item4.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab2" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab3" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item1.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item2.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item4.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab4" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="title-hd">
                <h2>on tv</h2>
                <a href="#" class="viewall"
                  >View all <i class="ion-ios-arrow-right"></i
                ></a>
              </div>
              <div class="tabs">
                <ul class="tab-links-2">
                  <li><a href="#tab21">#Popular</a></li>
                  <li class="active"><a href="#tab22">#Coming soon</a></li>
                  <li><a href="#tab23"> #Top rated </a></li>
                  <li><a href="#tab24">#Most reviewed</a></li>
                </ul>
                <div class="tab-content">
                  <div id="tab21" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item1.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item2.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item4.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab22" class="tab active">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item1.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item2.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item4.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab23" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item1.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item2.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item4.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab24" class="tab">
                    <div class="row">
                      <div class="slick-multiItem">
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item5.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Interstellar</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item6.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The revenant</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item7.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="assets/picture/mv-item8.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">The walk</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="slide-it">
                          <div class="movie-item">
                            <div class="mv-img">
                              <img
                                src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/mv-item3.jpg"
                                alt=""
                                width="185"
                                height="284"
                              />
                            </div>
                            <div class="hvr-inner">
                              <a href="moviesingle.html"
                                >Read more
                                <i class="ion-android-arrow-dropright"></i
                              ></a>
                            </div>
                            <div class="title-in">
                              <h6><a href="#">Die hard</a></h6>
                              <p>
                                <i class="ion-android-star"></i
                                ><span>7.4</span>/10
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="sidebar">
                <div class="ads">
                  <img
                    src="assets/picture/ads1.png"
                    alt=""
                    width="336"
                    height="296"
                  />
                </div>
                <div class="celebrities">
                  <h4 class="sb-title">Spotlight Celebrities</h4>
                  <div class="celeb-item">
                    <a href="#"
                      ><img
                        src="assets/picture/ava1.jpg"
                        alt=""
                        width="70"
                        height="70"
                    /></a>
                    <div class="celeb-author">
                      <h6><a href="#">Samuel N. Jack</a></h6>
                      <span>Actor</span>
                    </div>
                  </div>
                  <div class="celeb-item">
                    <a href="#"
                      ><img
                        src="assets/picture/ava2.jpg"
                        alt=""
                        width="70"
                        height="70"
                    /></a>
                    <div class="celeb-author">
                      <h6><a href="#">Benjamin Carroll</a></h6>
                      <span>Actor</span>
                    </div>
                  </div>
                  <div class="celeb-item">
                    <a href="#"
                      ><img
                        src="assets/picture/ava3.jpg"
                        alt=""
                        width="70"
                        height="70"
                    /></a>
                    <div class="celeb-author">
                      <h6><a href="#">Beverly Griffin</a></h6>
                      <span>Actor</span>
                    </div>
                  </div>
                  <div class="celeb-item">
                    <a href="#"
                      ><img
                        src="assets/picture/ava4.jpg"
                        alt=""
                        width="70"
                        height="70"
                    /></a>
                    <div class="celeb-author">
                      <h6><a href="#">Justin Weaver</a></h6>
                      <span>Actor</span>
                    </div>
                  </div>
                  <a href="#" class="btn"
                    >See all celebrities<i class="ion-ios-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="trailers">
        <div class="container">
          <div class="row ipad-width">
            <div class="col-md-12">
              <div class="title-hd">
                <h2>in theater</h2>
                <a href="#" class="viewall"
                  >View all <i class="ion-ios-arrow-right"></i
                ></a>
              </div>
              <div class="videos">
                <div class="slider-for-2 video-ft">
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/1Q8fG0TtVAY"
                    ></iframe>
                  </div>
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/w0qQkSuWOS8"
                    ></iframe>
                  </div>
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/44LdLqgOpjo"
                    ></iframe>
                  </div>
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/gbug3zTm3Ws"
                    ></iframe>
                  </div>
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/e3Nl_TCQXuw"
                    ></iframe>
                  </div>
                  <div>
                    <iframe
                      class="item-video"
                      src=""
                      data-src="https://www.youtube.com/embed/NxhEZG0k9_w"
                    ></iframe>
                  </div>
                </div>
                <div class="slider-nav-2 thumb-ft">
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="assets/picture/trailer7.jpg"
                        alt="photo by Barn Images"
                        width="4096"
                        height="2737"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">Wonder Woman</h4>
                      <p>2:30</p>
                    </div>
                  </div>
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="assets/picture/trailer2.jpg"
                        alt="photo by Barn Images"
                        width="350"
                        height="200"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">Oblivion: Official Teaser Trailer</h4>
                      <p>2:37</p>
                    </div>
                  </div>
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="assets/picture/trailer6.jpg"
                        alt="photo by Joshua Earle"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">Exclusive Interview: Skull Island</h4>
                      <p>2:44</p>
                    </div>
                  </div>
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="assets/picture/trailer3.png"
                        alt="photo by Alexander Dimitrov"
                        width="100"
                        height="56"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">
                        Logan: Director James Mangold Interview
                      </h4>
                      <p>2:43</p>
                    </div>
                  </div>
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="https://show.17sucai.com/preview/3/2022-08-01/%E7%82%AB%E9%85%B7%E7%94%B5%E5%BD%B1%E8%AF%84%E8%AE%BA%E7%BD%91%E7%AB%99/%E2%88%9E%E2%94%BC%E2%94%90%C3%9F%E2%95%A1%CF%84%E2%95%99%E2%96%91%E2%95%9E%E2%94%94%E2%94%AC%E2%96%88%E2%95%90%C2%B0%E2%95%92%E2%95%9B/static/picture/trailer4.png"
                        alt="photo by Wojciech Szaturski"
                        width="100"
                        height="56"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">
                        Beauty and the Beast: Official Teaser Trailer 2
                      </h4>
                      <p>2: 32</p>
                    </div>
                  </div>
                  <div class="item">
                    <div class="trailer-img">
                      <img
                        src="assets/picture/trailer5.jpg"
                        alt="photo by Wojciech Szaturski"
                        width="360"
                        height="189"
                      />
                    </div>
                    <div class="trailer-infor">
                      <h4 class="desc">Fast&Furious 8</h4>
                      <p>3:11</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- latest new v1 section-->
      <div class="latestnew">
        <div class="container">
          <div class="row ipad-width">
            <div class="col-md-8">
              <div class="ads">
                <img
                  src="assets/picture/ads2.png"
                  alt=""
                  width="728"
                  height="106"
                />
              </div>
              <div class="title-hd"><h2>Latest news</h2></div>
              <div class="tabs">
                <ul class="tab-links-3">
                  <li class="active"><a href="#tab31">#Movies </a></li>
                  <li><a href="#tab32">#TV Shows </a></li>
                  <li><a href="#tab33"> # Celebs</a></li>
                </ul>
                <div class="tab-content">
                  <div id="tab31" class="tab active">
                    <div class="row">
                      <div class="blog-item-style-1">
                        <img
                          src="assets/picture/blog-it1.jpg"
                          alt=""
                          width="170"
                          height="250"
                        />
                        <div class="blog-it-infor">
                          <h3>
                            <a href="#"
                              >Brie Larson to play first female white house
                              candidate Victoria Woodull in Amazon film</a
                            >
                          </h3>
                          <span class="time">13 hours ago</span>
                          <p>
                            Exclusive: <span>Amazon Studios </span>has acquired
                            Victoria Woodhull, with Oscar winning Room star
                            <span>Brie Larson</span>polsed to produce, and play
                            the first female candidate for the presidency of the
                            United States. Amazon bought it in a pitch package
                            deal. <span>Ben Kopit</span>, who wrote the Warner
                            Bros film <span>Libertine</span>that has...
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab32" class="tab">
                    <div class="row">
                      <div class="blog-item-style-1">
                        <img
                          src="assets/picture/blog-it2.jpg"
                          alt=""
                          width="170"
                          height="250"
                        />
                        <div class="blog-it-infor">
                          <h3><a href="#">Tab 2</a></h3>
                          <span class="time">13 hours ago</span>
                          <p>
                            Exclusive: <span>Amazon Studios </span>has acquired
                            Victoria Woodhull, with Oscar winning Room star
                            <span>Brie Larson</span>polsed to produce, and play
                            the first female candidate for the presidency of the
                            United States. Amazon bought it in a pitch package
                            deal. <span>Ben Kopit</span>, who wrote the Warner
                            Bros film <span>Libertine</span>that has...
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="tab33" class="tab">
                    <div class="row">
                      <div class="blog-item-style-1">
                        <img
                          src="assets/picture/blog-it1.jpg"
                          alt=""
                          width="170"
                          height="250"
                        />
                        <div class="blog-it-infor">
                          <h3><a href="#">Tab 3</a></h3>
                          <span class="time">13 hours ago</span>
                          <p>
                            Exclusive: <span>Amazon Studios </span>has acquired
                            Victoria Woodhull, with Oscar winning Room star
                            <span>Brie Larson</span>polsed to produce, and play
                            the first female candidate for the presidency of the
                            United States. Amazon bought it in a pitch package
                            deal. <span>Ben Kopit</span>, who wrote the Warner
                            Bros film <span>Libertine</span>that has...
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="morenew">
                <div class="title-hd">
                  <h3>More news on Blockbuster</h3>
                  <a href="#" class="viewall"
                    >See all Movies news<i class="ion-ios-arrow-right"></i
                  ></a>
                </div>
                <div class="more-items">
                  <div class="left">
                    <div class="more-it">
                      <h6>
                        <a href="#"
                          >Michael Shannon Frontrunner to play Cable in
                          “Deadpool 2”</a
                        >
                      </h6>
                      <span class="time">13 hours ago</span>
                    </div>
                    <div class="more-it">
                      <h6>
                        <a href="#"
                          >French cannibal horror “Raw” inspires L.A. theater to
                          hand out “Barf Bags”</a
                        >
                      </h6>
                      <span class="time">13 hours ago</span>
                    </div>
                  </div>
                  <div class="right">
                    <div class="more-it">
                      <h6>
                        <a href="#"
                          >Laura Dern in talks to join Justin Kelly’s biopic “JT
                          Leroy”</a
                        >
                      </h6>
                      <span class="time">13 hours ago</span>
                    </div>
                    <div class="more-it">
                      <h6>
                        <a href="#"
                          >China punishes more than 300 cinemas for box office
                          cheating</a
                        >
                      </h6>
                      <span class="time">13 hours ago</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="sidebar">
                <div class="sb-facebook sb-it">
                  <h4 class="sb-title">Find us on Facebook</h4>
                  <iframe
                    src=""
                    data-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhaintheme%2F%3Ffref%3Dts&tabs=timeline&width=300&height=315px&small_header=true&adapt_container_width=false&hide_cover=false&show_facepile=true&appId"
                    width="300"
                    height="315"
                    style="border: none; overflow: hidden"
                  ></iframe>
                </div>
                <div class="sb-twitter sb-it">
                  <h4 class="sb-title">Tweet to us</h4>
                  <div class="slick-tw">
                    <div class="tweet item" id="599202861751410688"></div>
                    <div class="tweet item" id="297462728598122498"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--end of latest new v1 section-->
    </div>
    <!-- footer section-->
    <footer class="ht-footer">
      <div class="container">
        <div class="flex-parent-ft">
          <div class="flex-child-ft item1">
            <a href="index.html"
              ><img class="logo" src="assets/picture/logo1.png" alt=""
            /></a>
            <p>
              5th Avenue st, manhattan<br />
              New York, NY 10001
            </p>
            <p>Call us: <a href="#">(+01) 202 342 6789</a></p>
          </div>
          <div class="flex-child-ft item2">
            <h4>Resources</h4>
            <ul>
              <li><a href="#">About</a></li>
              <li><a href="#">Blockbuster</a></li>
              <li><a href="#">Contact Us</a></li>
              <li><a href="#">Forums</a></li>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Help Center</a></li>
            </ul>
          </div>
          <div class="flex-child-ft item3">
            <h4>Legal</h4>
            <ul>
              <li><a href="#">Terms of Use</a></li>
              <li><a href="#">Privacy Policy</a></li>
              <li><a href="#">Security</a></li>
            </ul>
          </div>
          <div class="flex-child-ft item4">
            <h4>Account</h4>
            <ul>
              <li><a href="#">My Account</a></li>
              <li><a href="#">Watchlist</a></li>
              <li><a href="#">Collections</a></li>
              <li><a href="#">User Guide</a></li>
            </ul>
          </div>
          <div class="flex-child-ft item5">
            <h4>Newsletter</h4>
            <p>
              Subscribe to our newsletter system now <br />to get latest news
              from us.
            </p>
            <form action="#">
              <input type="text" placeholder="Enter your email..." />
            </form>
            <a href="#" class="btn"
              >Subscribe now <i class="ion-ios-arrow-forward"></i
            ></a>
          </div>
        </div>
      </div>
      <div class="ft-copyright">
        <div class="ft-left">
          <p>
            © 2017 Blockbuster. All Rights
            <a href="javascript:;" title="17sucai">Reserved</a>. Designed by
            leehari.
          </p>
        </div>
        <div class="backtotop">
          <p>
            <a href="#" id="back-to-top"
              >Back to top <i class="ion-ios-arrow-thin-up"></i
            ></a>
          </p>
        </div>
      </div>
    </footer>
    <!-- end of footer section-->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/plugins2.js"></script>
    <script src="assets/js/custom.js"></script>
  </body>
</html>
